@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
list-style:none;

}


*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;}
body, input {font-family:"Nanum Gothic", dotum, gulim,'굴림','돋움','Apple SD Gothic Neo','Droid Sans','Apple-Gothic','애플고딕','Helvetica','Tahoma',sans-serif; color:#4b4b4b; font-size:12px;  line-height:1.2em;}
body {background: url(../../images/common/back.gif) repeat-x; background-color:#f5f6fa; overflow-y:scroll;  overflow-x:hidden;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

/* common */
.blind{position:absolute;overflow:hidden;background:none !important;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;visibility:visible;}

.irCont{position: relative;}
.irCont img{position: relative; z-index: 10;}
.irCont .irTxt{position:absolute; top:0; left:0; z-index: -1; font-size:11px; letter-spacing:-1px;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0; padding:0; vertical-align:baseline; background:transparent;}

/*input,textarea{-webkit-appearance:none;}
input{margin:0; padding:0; vertical-align:middle;}*/

input[type=image] {margin:0; padding:0; vertical-align:top;}
input[type=text],
input[type=password] {background:#fff; margin:0; padding:4px 7px 2px; *padding:4px 7px 4px; border:1px solid #cfcfcf; vertical-align:middle;}
input[type=file] {background:0 none; margin:0; padding:0px 7px 0px; *padding:4px 7px 4px; vertical-align:middle;}
input[type=checkbox],
input[type=radio] {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}

hr {display:none; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
select, img {vertical-align:middle;}
a {color:#727272; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none; color:#4374c1;}
button {background:none; margin:0; padding:0; border:0 none;}

/*h1, h2, h3, h4, h5, h6{color:#727272; line-height:18px; font-weight:900;}*/
/*img, object, embed, video{max-width:100%;}*/
em, address{font-style:normal;}

#skipnavi a{position:absolute;text-align:center;width:200px;display:block;background:#c52227;padding:5px 0;color:#fff;left:-9999px;}
#skipnavi a:hover{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:focus{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:active{z-index:999999;margin-left:-100px;left:50%;}


#wrap {min-width:1089px;   height:101%; min-height:100%; }


#datmenu {position:absolute; width:1089px; height:31px;  top:0px; left:50%; margin-left:-516px; z-index:2000000; }
#datmenu  ul { width:450px; padding-top:9px; float:right;}
#datmenu  ul li a {float:left; color:#999dbb; font-size:11px; font-weight:800; padding:0px 17px; background:url(../../images/common/datmenu_arww.png) 0 0px no-repeat;}
#datmenu  ul li:first-child a {background:none;}




#header {position:absolute; width:100%; top:31px; background-color:#fff;  height:21px;  z-index:2000000;  }
#header .inner { width:100%; margin:0 auto;  zoom:1;  }
#header .inner:after {content:""; display:block; clear:both}
#header .inner h1 {position:absolute; top:0px; left:50%;  margin-left:-529px; z-index:2000;}


#header .inner .nav {float:left; width:100%; margin-top:0px; text-align:center;  z-index:2000000;  }
#header .inner .nav ul {position:relative;}
#header .inner .nav ul li {display:inline-block; *display:inline; zoom:1; margin:0px; padding:36px 50px;  height:21px;}
#header .inner .nav ul li a { color:#323e84; font-size:17px; font-weight:700;  line-height:22px; }
#header .inner .nav ul li.over > a,
#header .inner .nav > ul > li > a:hover {color:#000;}
#header .inner .nav ul li.m01 {margin-left:492px;}
#header .inner .nav ul li.m02 {}
#header .inner .nav ul li.m03 {}
#header .inner .nav ul li.m04 {}

#header .inner .nav .dep2 {position:absolute; width:100%;  background-color:#323e84;  margin-top:70px; height:47px; padding:0px 15px;  left:0px; z-index:2000000;}
#header .inner .nav .dep2 a {display:block;  padding:14px 20px 18px;  font-size:14px; color:#fff; line-height:16px;   font-weight:700;}
#header .inner .nav .dep2 .on a,
#header .inner .nav .dep2 a:hover {color:#b9f862; font-weight:500; }
#header .inner .nav .dep2 ul li {  padding:0px 5px;}
#header .inner .nav .m01 .dep2 {padding-left:100px;}
#header .inner .nav .m02 .dep2 {padding-left:100px;}
#header .inner .nav .m03 .dep2 {padding-left:300px; }
#header .inner .nav .m04 .dep2 {padding-left:365px; }

#header .inner .topmenu_right {float:right; width:272px;}


#cts_main .visual {position:relative; height:940px; width:100%;    background:url(../../images/main/main01.jpg)  center top;  background-color:#fff; z-index:1; text-align:center;}


#rolling_main02 {overflow:hidden; width:494px; height:152px; top:130px;}
#rolling_main02 .mask {margin:0 auto; overflow:auto; }
#rolling_main02 .scrollMask li {position:absolute; left:35px; top:80px;  width:494px; border:1px solid #e0e0e0;}
#rolling_main02 a {display:block;}
#rolling_main02 .bntPage {position:absolute; right:35px; left:50%; margin-top:0px;}
#rolling_main02 .next {position:absolute; top:0px; width:25px; margin-left:256px; z-index:9999; cursor:pointer} 
#rolling_main02 .prev {position:absolute; top:0px; width:25px; margin-left:220px; z-index:9999; cursor:pointer}


#main_content {position:relative; width:1089px; margin:0 auto; margin-top:57px; height:250px; clear:both;}
#main_content ul li {float:left;}

#main_content2 {position:relative; width:100%; margin:0 auto;   top:57px; height:67px; clear:both; background:#fff;}
#main_content2 .s006 {	width:1059px;	height:26px;	margin:0 auto;  	padding:20px 0px;}
#main_content2 .s006  h1 {display:inline-block;color:#474646; font-size:10pt; font-weight:800; padding:0px 15px; width:136px;}
#main_content2 .s006  span {display:inline-block; color:#323e84; font-size:14px; width:850px; left:80px;}
#main_content2 .s006  p {display:inline-block; right:20px; color:#8d8d8d; font-size:9pt;   }


#main_content3 {position:relative; width:1089px; margin:0 auto; height:260px; clear:both;}
#main_content3 .notice { float:left; width:435px; padding:0px 35px 0 35px;}
#main_content3 .notice p {display:inline-block;margin-bottom:13px; font-size:19px; font-weight:800; line-height:23px; color:#4a4a4a;}
#main_content3 .notice .more {display:inline-block; margin-left:330px; }
#main_content3 .notice img {vertical-align:top; }
#main_content3 .notice ul {display:inline-block; }
#main_content3 .notice ul li {margin-bottom:3px; background:url(../../images/main/ico_notice_arrow.jpg) 0 7px no-repeat; padding-left:12px; line-height:22px; zoom:1; }
#main_content3 .notice ul li:after {content:""; display:block; clear:both;}
#main_content3 .notice ul li a {float:left; width:208px;}
#main_content3 .notice ul li a img {vertical-align:middle;}
#main_content3 .notice ul li span {float:right; font-size:11px;}


#main_content3 .notice2 { float:left; width:435px; padding:0px 35px 0 55px;}
#main_content3 .notice2 p {display:inline-block;margin-bottom:13px; font-size:19px; font-weight:800; line-height:23px; color:#4a4a4a;}
#main_content3 .notice2 .more {display:inline-block; margin-left:307px; }
#main_content3 .notice2 img {vertical-align:top; }
#main_content3 .notice2 ul {display:inline-block; }
#main_content3 .notice2 ul li {margin-bottom:3px; background:url(../../images/main/ico_notice_arrow.jpg) 0 7px no-repeat; padding-left:12px; line-height:22px; zoom:1; }
#main_content3 .notice2 ul li:after {content:""; display:block; clear:both;}
#main_content3 .notice2 ul li a {float:left; width:208px;}
#main_content3 .notice2 ul li a img {vertical-align:middle;}
#main_content3 .notice2 ul li span {float:right; font-size:11px;}


#main_sun { width:1089px; margin:0px auto; }



#footer {clear:both; position:relative; width:100%; margin-top:20px;  background-color:#6d6d6f; color:#bfbfc0; z-index:15000; height:84px; padding:27px 0px;}
#footer .copy {position:relative; width:1089px; height:43px; margin:0px auto 0; text-align:left; }
#footer .copy span {  font-size:11px; line-height:18px; padding:12px 0px; float:right;  }

#footer .copy .footer_menu {float:left; width:730px;}
#footer .copy .footer_menu  ul {padding:8px 0px 26px;}
#footer .copy .footer_menu  ul li {float:left; padding:0px 10px; border-left:1px solid #8d8d8f; color:#ffffff; font-weight:700;}
#footer .copy .footer_menu  ul li  a {color:#ffffff;}
#footer .copy .footer_menu  ul li:first-child {border-left:none;}
#footer .copy .footer_menu  .add { font-size:11px;  padding-left:10px; padding-top:5px; color:#c1c1c1; }


#footer .copy .logo {float:left; width:270px;  height:84px;}

#footer .copy .familyLst {position:absolute; top:5px; right:3px; width:153px;}

#footer .copy .familySite{position:relative; float:left; left:50%;  top:-40px; margin-left:390px; z-index:100;}
#footer .copy .familySite .siteList{position:absolute; bottom:-300px; left:0px; overflow:hidden; background:#6d6d6f; width:145px; height:353px; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; z-index:4;}
#footer .copy .familySite .siteList li{border-bottom:1px solid #f3f3f3; padding:5px 0 5px 5px;}
#footer .copy .familySite .siteList li a{display:block; }
#footer .copy .familySite .siteList li a:hover{background:#003875; color:#fff; font-weight:bold;}



#cts {background:url(../../images/sub/sub_back.gif) 0 0px repeat-x; padding-top:32px;}
#cts .inner {width:750px;  margin:0 auto; zoom:1;}
#cts .inner:after {content:""; display:block; clear:both;}
#cts .inner .bread { font-size:11px; text-align:right;  padding:15px 0px;}

#cts .inner .content {float:left; width:750px; margin:0 auto; min-height:500px; padding-top:15px; padding:10px;}
#cts .inner .content h3 {width:950px;  padding-top:0px; color:#353535; font-size:31pt; font-weight:800; line-height:31pt; text-align:center;}
#cts .inner .content h1 {width:950px;  color:#adadad; font-size:12pt; line-height:17pt; text-align:center; height:50px; margin:10px 0px 30px 0px;}


.aboutus .aboutCon {  line-height:24px;}